{extend name="public:_base" /}
{block name="main"}
<!-- Content -->
<section id="content">

    <div class="content-wrap" style="padding: 30px 0 15px 0;">

        <!-- 内容 -->
        <div class="container clearfix">

            <div id="side-navigation" class="custom-js">

                {include file="public/_right"}


                <div class="col_two_third col_last nobottommargin">

                    <div id="faqs" class="faqs">

                        <div id="faqs-list" class="fancy-title title-bottom-border"
                             style="padding-bottom: 15px;border-bottom: 1px solid #eee;">
                            <span style="color: #434343;font-size: 20px;font-weight: bold;padding-bottom: 16px;border-bottom: 2px solid #d92a19;font-family: '微软雅黑','Raleway', sans-serif;"><font
                                    style="color: #78106d;">在线</font>留言</span>
                            <span style="font-size: 12px;color: #777777;padding-left: 25px;font-family: '微软雅黑','Raleway', sans-serif;">您当前所在位置 <font
                                    style="padding-left: 15px;">首页&nbsp;&nbsp;>>&nbsp;&nbsp;在线留言</font></span>
                        </div>


                        <div class="clear"></div>

                        <!-- 留言列表 -->
                        <div class="table-responsive">

                            <ul class="iconlist faqlist">
                                {volist name="list" id="vo"}
                                <li style="padding-top: 13px;padding-bottom: 10px;border-bottom: 1px solid #ddd;"><i
                                        class="icon-caret-right"></i>{$vo.title}<br>
                                    {$vo.center}
                                    <br>日期：{$vo.create_time} 昵称：{$vo.name}
                                </li>
                                {/volist}
                            </ul>
                        </div>
                        <div class="pagination-container topmargin nobottommargin"
                             style="text-align: center;margin-bottom: 30px !important;">
                            {$list->render()}
                        </div>

                        <div class="clear"></div>

                        <!-- 留言框 -->
                        <div class="table-responsive">
                            <form name="" method="post" action="{:url('massage/save')}">
                                <table class="table table-bordered nobottommargin">
                                    <thead>
                                    <tr style="background: #ddd;">
                                        <th colspan="2" style="padding: 20px 0px;text-indent: 10px;">提交留言</th>
                                    </tr>
                                    </thead>

                                    <tbody>
                                    <tr>
                                        <td>标题</td>
                                        <td><input type="text" id="form-title" name="title" value=""
                                                   class="form-control"></td>
                                    </tr>
                                    <tr>
                                        <td>称呼</td>
                                        <td><input type="text" id="form-name" name="name" value=""
                                                   class="form-control"></td>
                                    </tr>
                                    <tr>
                                        <td>电话</td>
                                        <td><input type="text" id="form-tel" name="tel" value=""
                                                   class="form-control"></td>
                                    </tr>
                                    <tr>
                                        <td>Email</td>
                                        <td><input type="text" id="form-mail" name="mail" value=""
                                                   class="form-control"></td>
                                    </tr>
                                    <tr>
                                        <td>其他联系方式</td>
                                        <td><input type="text" id="form-address" name="other" value=""
                                                   class="form-control" placeholder="如QQ, MSN等"></td>
                                    </tr>
                                    <tr>
                                        <td>提交内容</td>
                                        <td>
                                        <textarea name="center" cols="58" rows="7" tabindex="4" class="sm-form-control"
                                                  style="border: 1px solid #cccccc;border-radius: 3px !important;"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>验证码</td>
                                        <td><input type="text" name="captcha" value=""
                                                   class="form-control">
                                            <img src='{:captcha_src()}' onclick='this.src = "{:captcha_src()}"' alt='验证码' title='看不清验证码，点击刷新!'/></td>
                                    </tr>
                                    </tbody>

                                    <tfoot>
                                    <tr>
                                        <th style="border-right: 0px;"></th>
                                        <th style="border-left: 0px;">
                                            {:token()}
                                            <input name="" type="submit" value="提交信息"/>

                                        </th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </form>
                        </div>
                        <!-- / 留言框 -->

                    </div>

                    <div class="clear"></div>

                </div>

            </div>

        </div>
        <!-- / 内容 -->

    </div>

</section>
<!-- #content end -->
{/block}
